
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .nodeSmall {
            width: 50px;
            height: 50px;
            background: url(images/bgs.png) no-repeat -159px -51px;
            position: fixed;
            right: 10px;
            top: 40%;
        }
        .erweima {
            position: absolute;
            top: 0;
            left: -150px;
        }
        .nodeSmall a {
            display: block;
            width: 50px;
            height: 50px;
        }
        .hide {
            display: none;
        }

        .show {
            display: block;
        }
    </style>
</head>
<body>
<div class="nodeSmall" id="node_small">
    <a href="#"></a>
    <div class="erweima hide" id="er">
        <img src="images/456.png" alt=""/>
    </div>
</div>

<script>
//    //获取dom对象
//    var node = document.getElementById("node_small");
//    //注册事件  鼠标经过mouseover和鼠标离开mouseout
//    node.onmouseover = function () {
//       //显示二维码
//        var er = document.getElementById("er");
//        er.className = "erweima show";
//    };
//
//
//    node.onmouseout = function() {
//        var er = document.getElementById("er");
//        //隐藏二维码
//        er.className = "erweima hide";
//    }


        //获取dom对象
        var node = document.getElementById("node_small");
        //注册事件  鼠标经过mouseover和鼠标离开mouseout
        node.onmouseover = function () {
            //显示二维码
            var er = document.getElementById("er");
            er.className = er.className.replace("hide","show");
        };


        node.onmouseout = function() {
            var er = document.getElementById("er");
            //隐藏二维码
            er.className = er.className.replace("show","hide");
        }


    //字符串为什么会有方法呢？  字符串是基本类型，只有对象才有属性和方法
    //包装基本类型---把基本类型包装成对象
//    var str = "aaa";  //基本类型
//    str.length
    //1 先创建一个临时对象
        // tmp = new String("aaa");
    //2 调用tmp对象的属性或者方法
    //3 str = null;


//    var str = new String("abc");
//    str.replace()

</script>

</body>
</html>